<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title><%= webpackConfig.name %></title>
    <meta name="keywords" content="Gblog,it子也,www.fengziy.cn">
    <meta name="description" content="Gblog一个nice的基于vue的博客模板,www.fengziy.cn">
    <link rel="icon" href="<%= BASE_URL %>favicon.svg">
    <style>
      html,
      body,
      #app {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #loading {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #F9F9F9;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .loader {
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 25%;
        max-width: 25%;
        height: 200px;
        align-items: center;
        justify-content: center;
      }

      .la-pacman, .la-pacman > div {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
      }

      .la-pacman {
        display: block;
        font-size: 0;
        color: #d81e06;
      }

      .la-pacman.la-dark {
        color: #333
      }

      .la-pacman > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
      }

      .la-pacman {
        width: 32px;
        height: 32px
      }

      .la-pacman > div:nth-child(1), .la-pacman > div:nth-child(2) {
        width: 0;
        height: 0;
        background: transparent;
        border-style: solid;
        border-width: 16px;
        border-right-color: transparent;
        border-radius: 100%;
        -webkit-animation: pacman-rotate-half-up 0.5s 0s infinite;
        -moz-animation: pacman-rotate-half-up 0.5s 0s infinite;
        -o-animation: pacman-rotate-half-up 0.5s 0s infinite;
        animation: pacman-rotate-half-up 0.5s 0s infinite
      }

      .la-pacman > div:nth-child(2) {
        margin-top: -32px;
        -webkit-animation-name: pacman-rotate-half-down;
        -moz-animation-name: pacman-rotate-half-down;
        -o-animation-name: pacman-rotate-half-down;
        animation-name: pacman-rotate-half-down
      }

      .la-pacman > div:nth-child(3), .la-pacman > div:nth-child(4), .la-pacman > div:nth-child(5), .la-pacman > div:nth-child(6) {
        position: absolute;
        top: 50%;
        left: 200%;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: pacman-balls 2s 0s infinite linear;
        -moz-animation: pacman-balls 2s 0s infinite linear;
        -o-animation: pacman-balls 2s 0s infinite linear;
        animation: pacman-balls 2s 0s infinite linear
      }

      .la-pacman > div:nth-child(3) {
        -webkit-animation-delay: -1.44s;
        -moz-animation-delay: -1.44s;
        -o-animation-delay: -1.44s;
        animation-delay: -1.44s
      }

      .la-pacman > div:nth-child(4) {
        -webkit-animation-delay: -1.94s;
        -moz-animation-delay: -1.94s;
        -o-animation-delay: -1.94s;
        animation-delay: -1.94s
      }

      .la-pacman > div:nth-child(5) {
        -webkit-animation-delay: -2.44s;
        -moz-animation-delay: -2.44s;
        -o-animation-delay: -2.44s;
        animation-delay: -2.44s
      }

      .la-pacman > div:nth-child(6) {
        -webkit-animation-delay: -2.94s;
        -moz-animation-delay: -2.94s;
        -o-animation-delay: -2.94s;
        animation-delay: -2.94s
      }

      .la-pacman.la-sm {
        width: 16px;
        height: 16px
      }

      .la-pacman.la-sm > div:nth-child(1), .la-pacman.la-sm > div:nth-child(2) {
        border-width: 8px
      }

      .la-pacman.la-sm > div:nth-child(2) {
        margin-top: -16px
      }

      .la-pacman.la-sm > div:nth-child(3), .la-pacman.la-sm > div:nth-child(4), .la-pacman.la-sm > div:nth-child(5), .la-pacman.la-sm > div:nth-child(6) {
        width: 4px;
        height: 4px
      }

      .la-pacman.la-2x {
        width: 64px;
        height: 64px
      }

      .la-pacman.la-2x > div:nth-child(1), .la-pacman.la-2x > div:nth-child(2) {
        border-width: 32px
      }

      .la-pacman.la-2x > div:nth-child(2) {
        margin-top: -64px
      }

      .la-pacman.la-2x > div:nth-child(3), .la-pacman.la-2x > div:nth-child(4), .la-pacman.la-2x > div:nth-child(5), .la-pacman.la-2x > div:nth-child(6) {
        width: 16px;
        height: 16px
      }

      .la-pacman.la-3x {
        width: 96px;
        height: 96px
      }

      .la-pacman.la-3x > div:nth-child(1), .la-pacman.la-3x > div:nth-child(2) {
        border-width: 48px
      }

      .la-pacman.la-3x > div:nth-child(2) {
        margin-top: -96px
      }

      .la-pacman.la-3x > div:nth-child(3), .la-pacman.la-3x > div:nth-child(4), .la-pacman.la-3x > div:nth-child(5), .la-pacman.la-3x > div:nth-child(6) {
        width: 24px;
        height: 24px
      }

      @-webkit-keyframes pacman-rotate-half-up {
        0%, 100% {
          -webkit-transform: rotate(270deg);
          transform: rotate(270deg)
        }
        50% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @-moz-keyframes pacman-rotate-half-up {
        0%, 100% {
          -moz-transform: rotate(270deg);
          transform: rotate(270deg)
        }
        50% {
          -moz-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @-o-keyframes pacman-rotate-half-up {
        0%, 100% {
          -o-transform: rotate(270deg);
          transform: rotate(270deg)
        }
        50% {
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @keyframes pacman-rotate-half-up {
        0%, 100% {
          -webkit-transform: rotate(270deg);
          -moz-transform: rotate(270deg);
          -o-transform: rotate(270deg);
          transform: rotate(270deg)
        }
        50% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      @-webkit-keyframes pacman-rotate-half-down {
        0%, 100% {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg)
        }
        50% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
        }
      }

      @-moz-keyframes pacman-rotate-half-down {
        0%, 100% {
          -moz-transform: rotate(90deg);
          transform: rotate(90deg)
        }
        50% {
          -moz-transform: rotate(0deg);
          transform: rotate(0deg)
        }
      }

      @-o-keyframes pacman-rotate-half-down {
        0%, 100% {
          -o-transform: rotate(90deg);
          transform: rotate(90deg)
        }
        50% {
          -o-transform: rotate(0deg);
          transform: rotate(0deg)
        }
      }

      @keyframes pacman-rotate-half-down {
        0%, 100% {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg)
        }
        50% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg)
        }
      }

      @-webkit-keyframes pacman-balls {
        0% {
          left: 200%;
          opacity: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
        }
        5% {
          opacity: .5
        }
        66% {
          opacity: 1
        }
        67% {
          opacity: 0
        }
        100% {
          left: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%)
        }
      }

      @-moz-keyframes pacman-balls {
        0% {
          left: 200%;
          opacity: 0;
          -moz-transform: translateY(-50%);
          transform: translateY(-50%)
        }
        5% {
          opacity: .5
        }
        66% {
          opacity: 1
        }
        67% {
          opacity: 0
        }
        100% {
          left: 0;
          -moz-transform: translateY(-50%);
          transform: translateY(-50%)
        }
      }

      @-o-keyframes pacman-balls {
        0% {
          left: 200%;
          opacity: 0;
          -o-transform: translateY(-50%);
          transform: translateY(-50%)
        }
        5% {
          opacity: .5
        }
        66% {
          opacity: 1
        }
        67% {
          opacity: 0
        }
        100% {
          left: 0;
          -o-transform: translateY(-50%);
          transform: translateY(-50%)
        }
      }

      @keyframes pacman-balls {
        0% {
          left: 200%;
          opacity: 0;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%)
        }
        5% {
          opacity: .5
        }
        66% {
          opacity: 1
        }
        67% {
          opacity: 0
        }
        100% {
          left: 0;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%)
        }
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
      <div id="loading">
        <div class="loader">
          <div class="loader-inner la-pacman la-2x">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
  </script>
  <script>
    /**/
    function setClipboardText(event){
      event.preventDefault();
      var node = document.createElement('div');
      node.appendChild(window.getSelection().getRangeAt(0).cloneContents());
      // var htmlData = '<div>'
      //         + node.innerHTML
      //         + '<br/><br/>著作权归作者所有。<br/>'
      //         + '商业转载请联系作者获得授权，非商业转载请注明出处。<br/>'
      //         + '作者：异色瞳的小猫<br/>'
      //         + '来源：https://www.simpledtech.cn<br/><br/>'
      //         + '</div>';
      var textData = window.getSelection().getRangeAt(0);
              // + '\n\n著作权归作者所有。\n'
              // + '商业转载请联系作者获得授权，非商业转载请注明出处。\n'
              // + '作者：异色瞳的小猫\n'
              // + '来源：https://www.simpledtech.cn\n\n';
      if(event.clipboardData){
        // event.clipboardData.setData("text/html", htmlData);
        event.clipboardData.setData("text/plain",textData);
      }
      else if(window.clipboardData){
        return window.clipboardData.setData("text", textData);
      }
    };

    document.addEventListener('copy',function(e){
      setClipboardText(e);
    });

    // 禁用控制台
    document.onkeydown = (e) => {
      if (e.key === "F12") { // F12
        e.preventDefault();
      } else if (e.ctrlKey && e.shiftKey && e.key === 'I') { // Ctrl+Shift+I
        e.preventDefault();
      } else if (e.ctrlKey && e.shiftKey && e.key === 'C') { // Ctrl+Shift+I
        e.preventDefault();
      }else if (e.ctrlKey && e.key === 'J') { // Ctrl+J
        e.preventDefault();
      }
    }
    // 禁用右键菜单
    document.oncontextmenu = (e) => {
      console.log(e)
      e.preventDefault();
      return false;
    };
  </script>
</html>
